﻿<?php
	@session_start();
	
	@include_once('../ayuda/encabezado.php');
?>
			
      		<table>
                <tr>
                    <td colspan="3">
                        <div class="titulo">Ontolog&iacute;a</div>
                        <br>
                    </td>
                </tr>
                <tr height="680px" valign="top">
                    <td align="left">
                        <div class="menu">
                            <ul id="ontologia_tree">
                                <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Insecto Acu&aacute;tico.' );"><u>Insecto Acu&aacute;tico</u></a>
                                    <ul>
                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Orden.' );"><u>Orden</u></a>
                                            <ul>
                                                <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Familia.' );"><u>Familia</u></a>
                                                    <ul>
                                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'G&eacute;nero.' );"><u>G&eacute;nero</u></a>
                                                            <ul>
                                                                <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Especie.' );"><u>Especie</u></a>
                                                                    <ul>
                                                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Adulto.' );"><u>Adulto</u></a>
                                                                        	<ul>
                                                                                <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Abdomen Adulto.' );"><u>Abdomen</u></a>
                                                                                	<ul>
                                                                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Aparato Genital Adulto.' );"><u>Aparato Genital</u></a>
                                                                                        </li>
                                                                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Segmentos Abdominales Adulto.' );"><u>Segmentos Abdominales</u></a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Cabeza Adulto.' );"><u>Cabeza</u></a>
                                                                                	<ul>
                                                                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Antenas Adulto.' );"><u>Antenas</u></a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li><a onclick="xajax_consultar_info_ontologia_xajax( 'T&oacute;rax Adulto.' );"><u>T&oacute;rax</u></a>
                                                                                	<ul>
                                                                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Alas Adulto.' );"><u>Alas</u></a>
                                                                                        </li>
                                                                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Patas Adulto.' );"><u>Patas</u></a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>
                                                                            </ul>
                                                                        </li>
                                                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Larva.' );"><u>Larva</u></a>
                                                                        	<ul>
                                                                                <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Abdomen Larva.' );"><u>Abdomen</u></a>
                                                                                	<ul>
                                                                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Aparato Genital Larva.' );"><u>Aparato Genital</u></a>
                                                                                        </li>
                                                                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Segmentos Abdominales Larva.' );"><u>Segmentos Abdominales</u></a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Cabeza Larva.' );"><u>Cabeza</u></a>
                                                                                	<ul>
                                                                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Antenas Larva.' );"><u>Antenas</u></a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li><a onclick="xajax_consultar_info_ontologia_xajax( 'T&oacute;rax Larva.' );"><u>T&oacute;rax</u></a>
                                                                                	<ul>
                                                                                        <li><a onclick="xajax_consultar_info_ontologia_xajax( 'Patas Larva.' );"><u>Patas</u></a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                            <script type="text/javascript">make_tree_menu('ontologia_tree');</script>
                        </div>
                    </td>
                    
                    <td width="420px" valign="top">
                        <div class="yui-skin-sam">
                            <div id="tabview_ontologia" class="yui-navset">
                                <ul class="yui-nav">
                                    <li class="selected"> <a href="#tab1"><em>Informaci&oacute;n</em></a> </li>
                                    <li> <a href="#tab2"><em>Gr&aacute;fico</em></a> </li>
                                </ul>
                                
                                <div class="yui-content">
                                    
                                    <div id="tab1">
                                        <table width="100%" height="654px">
                                            <tbody>
                                                <tr valign="top">
                                                    <td class="titulo" height="10%">
                                                        <div id="div_label"></div>
                                                    </td>
                                                </tr>
                                                <tr valign="top">
                                                    <td class="text" height="90%">
                                                        <script>
															$(function() {
																$( "#div_comment_onto" ).dialog({
																	autoOpen: false, 
																	width: 609, 
																	height: 451, 
																	show: {
																		effect: "blind",
																		duration: 1000
																	},
																	hide: {
																		effect: "explode",
																		duration: 1000
																	}
																});
																$( "#comment_onto_btn" ).click(function() {
																	$( "#div_comment_onto" ).dialog( "open" );
																});
																
																$( ".selector" ).dialog( "div_comment_onto", "closeOnEscape", true );
															});
														</script>
                                                        
                                                        <div id="div_comment"></div>
                                                        
														<div id="div_comment_onto" title="Informaci&oacute;n">
                                                        	<table width="100%">
                                                                <tr>
                                                                    <td class="titulo">
                                                                        <div id="div_comment_onto_titulo"></div>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="text">
                                                                        <div id="div_comment_onto_descripcion"></div>
                                                                    </td>
                                                                </tr>
                                                            </table>
														</div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    
                                    <div id="tab2">
                                        <table width="100%" height="654px">
                                            <tbody>
                                                <tr valign="top">
                                                    <td class="text_center" height="100%">
                                                        <div id="div_grafico"></div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
			
            <script type="text/javascript">
				(function(){
					var tabView = new YAHOO.widget.TabView('tabview_ontologia');
				})();
				
				TreeMenu.show_all( document.getElementById('ontologia_tree') );
			</script>
			
<?php
	@include_once('../ayuda/pie.php');
?>